@charset "utf-8";

@function vw($a){
    @return ( $a / 640 ) * 100vw;
}

footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: vw(92);
    background: linear-gradient(180deg, transparent vw(45), #FFFFFF 0)
          top;
    .footer-div{
        height: vw(81);
        width: 100%;
        font-size: 0;
        .footer-left{
            width: vw(182);
            height: vw(60);
            margin-left: vw(28);
            margin-top: vw(21);
        }
        .footer-right{
            width: vw(182);
            height: vw(60);
            margin-right: vw(28);
            margin-top: vw(21);
        }
        .footer-pic{
            width: vw(60);
            height: vw(60);
            background: rgba(92,92,92,0.7);
            border-radius: 50%;
            display: inline-block;
            position: relative;
            img{
                position: absolute;
                top: -1px;
                right: -1px;
                bottom: -1px;
                left: -1px;
                margin: auto;
            }
            #footer-pic1{
                height: vw(35);
            }
            #footer-pic2{
                height: vw(32);
            }
            #footer-pic3{
                height: vw(29);
            }
            #footer-pic4{
                height: vw(30);
            }
        }
        .footer-center{
            width: vw(97);
            height: vw(81);
            margin: 0 auto;
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
}
